<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>角色管理</title>
		<!--引入css样式表-->
		<link rel="stylesheet" type="text/css" href="css/jueseguanli.css"/>
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<h1>角色管理</h1>
		</div>
		<!--中部功能区-->
		<div class="main">
			<div class="input-xinxi" style="border: none;margin-top: 10px;">
				
				<label>姓名</label> 
				<input type="text" />
				
				<span style="margin-left: 25px;">是否启用</span> 
				<select name="" id="">
					<option>不启动</option>
					<option selected="selected">启动</option>
				</select>
				<label>身份证号</label>
				<input type="text" maxlength="11" />
				
				 <label>角色</label>
				<select name="">
					<option value="">管理员</option>
					<option value="">普通用户</option>
					<input type="button" name="" id="" value="搜索" />
				</select>
				
			</div>
			
			<div class="gongneng">
				
				<input class="btn1"  type="button" name="" id="" value="新增" />
				<input class="btn2" type="button" name="" id="" value="删除" />
				<input  class="btn3" type="button" name="" id="" value="修改" />
				<input class="btn4" type="button" name="" id="" value="查询" />
				
			</div>
		<!--表格信息-->
		<table border="" cellspacing="" cellpadding="">
			<tr>
				<th class="td-1">全选</th>
				<th>姓名</th>
				<th>身份证号</th>
				<th>角色</th>
				<th>是否启用</th>
				<th>创建时间</th>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>125357555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>125745555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>1253243555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>1253355555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>12745255555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>12574555555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>12535755555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>12532255555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="" id="" value="" />
				</td>
				<td>张三</td>
				<td>12788255555</td>
				<td>老师</td>
				<td>已启用</td>
				<td>2017-7-2</td>
			</tr>
		</table>
		<!--底部导航-->
		<div class="footer">
			<b>首页</b>
			<b>上一页</b>
			<b>1</b>
			<b>2</b>
			<b>下一页</b>
			<b>末页</b>
		</div>	
		</div>
		
		
	</body>
</html>
